<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="css/animate.css" />
	<link rel="stylesheet" href="bootstrap-lib/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="css/mycenter.css"/>
	<link rel="stylesheet" href="css/head_foot.css" />
	<link rel="stylesheet" href="css/reset.css" />
	<script src="js/jquery-3.3.1.min.js" charset="utf-8"></script>
	<script src="bootstrap-lib/js/bootstrap.min.js" charset="utf-8"></script>
	<!--注意！注意！要将jquery-3.3.1.min.js的文件放在bootstrap.min.js文件前面引用！-->
	<script src="js/jquery.singlePageNav.min.js" charset="utf-8"></script>
	<script src="js/wow.min.js" charset="utf-8"></script>
	<script>
	  $(function() {
		//处理小按钮的关闭
		$('.navbar-collapse a').click(function() {
		  $('.navbar-collapse').collapse('hide');
	    });
		new WOW().init();
	  });
	</script>
	<title>静态网页设计学习平台首页</title>
</head>
<body>
  <!--
      作者：徐仕成
      时间：2018-07-24
      描述：start 头部导航栏
     时间：2018-11-2
      描述：更换平台的logo——第45行
  -->
  <nav class="navbar navbar-default navbar-fixed-top " id="header">
	  <div class="container"> 
			<div class="navbar-header">
			  <button type="button" class="navbar-toggle" data-toggle="collapse"
			          data-target="#example-navbar-collapse">
			    <span class="icon-bar"></span>
			    <span class="icon-bar"></span>
			    <span class="icon-bar"></span>
			  </button>
			  <img src="img/logo5t.png" title="静态网页设计学习平台" />
			</div>
			<div class="collapse navbar-collapse" id="example-navbar-collapse">
			  <ul class="nav navbar-nav navbar-right">
				<li><a href="index.html" target="_parent" >首页</a></li>
				<li><a href="teach.html" target="_parent">教学视频</a></li>
				<li><a href="works.html" target="_parent">优秀作品</a></li>
				<li><a href="mycenter.html" target="_parent" class="active" >个人中心</a></li>
		      </ul>
			</div>
 	  </div>
  </nav>
  <!--
     作者：徐仕成
     时间：2018-07-24
     描述：end 头部导航栏
  -->
  
  <!--
     作者：徐仕成
     时间：2018-07-26
    描述：start 主体
  -->
  <section id="main">
    <div class="container">
   	  <div class="row">
   		<!--左边功能栏-->
   		  <div class="col-md-2">
   			<div class="leftside">
			  <div class="leftside-top">
				<img src="img/head_portrait.jpg" />
				<p id="nickname">NULL</p>
				<p id="profession"><span class="glyphicon glyphicon-user"></span>程序员</p>
				<p id="signature"><span class="glyphicon glyphicon-pencil"></span>这家伙很懒，什么都没写。</p>
			  </div>
			  <ul>
				<li><a href="#" title="我的作品"><span class="glyphicon glyphicon-file"></span>我的作品</a></li>
				<li><a href="#" title="我的学习"><span class="glyphicon glyphicon-film"></span>我的学习</a></li>
				<li><a href="#" title="我的视频"><span class="glyphicon glyphicon-expand"></span>我的视频</a></li>
				<li><a href="#" title="我的收藏"><span class="glyphicon glyphicon-folder-close"></span>我的收藏</a></li>
				<li><a href="#" title="我的笔记"><span class="glyphicon glyphicon-edit"></span>我的笔记</a></li>
				<li><a href="#" title="我的计划"><span class="glyphicon glyphicon-list-alt"></span>我的计划</a></li>
				<li><a href="#" title="设置"><span class="glyphicon glyphicon-cog"></span>我的设置</a></li>
				<div><a href="#" >还没想好放些什么</a></div>
			  </ul>
			</div>
   		  </div>
   		<!--中间上传作品区域-->
   		  <div class="col-md-2">
   			<form action="#" method="post">
   			  <label class="img_choose" for="imgchoose"><img src="img/uploading.png" title="上传作品"/></label>
   			  <input type="file" multiple="true" id="imgchoose"/>
   			  <label class="btn_choose" for="btnchoose">上传作品</label>
			  <input type="file" multiple="true" id="btnchoose"/>
   			</form>
   		  </div>
   		  <div class="col-md-6"></div>
   		  <!--右边登录和我的消息区域-->
   		  <div class="col-md-2">
   			<div class="login">
   			  <fieldset >
				<legend>欢迎登录</legend>
				 <p>账号：<input name="userName"  type="text"  placeholder="请输入手机号" maxlength="11px"  required /></p>
				 <p>密码：<input name="password"  type="password"  placeholder="请输入密码" required /></p>
				 <a href="#"><button>登录</button></a>
				 <a href="mycenter_register.html">注册</a>
			  </fieldset>
   			</div>
   			<div class="comment">
   			  <p>我的消息</p>
   			  <em>这部分功能将在后续版本中推出，敬请期待！</em>
   			</div>
   		  </div>
   	  </div>
   	</div>
  </section>
  <!--
     作者：徐仕成
     时间：2018-07-26
     描述：end 主体
  -->
  
  <!--
      作者：徐仕成
      时间：2018-07-28
      描述：start 底部
  -->
  <footer id="endfooter">
	  <div class="container">
		<div class="row">
		  <div class="col-md-12">
			<p>Copyright&copy;2018-11-2 by 徐仕成 版本号：2.1</p>
			<p>本平台内容来自互联网，如内容有侵权，请联系本人删除。&nbsp;&nbsp;鄂ICP备18020158号</p>
			<p>联系电话：15897677961	QQ：2775886918	微信：15897677961</p>
		  </div>
		</div>
	  </div>
  </footer>
  <!--
       作者：徐仕成
       时间：2018-07-28
       描述：end 底部
  -->
</body>
</html>